<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header-wrap">
        <div class="header w clearfix">
            <h1 class="fl">
                <img src="./images/logo.png" alt="">
            </h1>
            <ul class="header-nav fr">
                <li class="nav-first">
                    <a href="#">
                        科智首页
                    </a>
                </li>
                <li>
                    <a href="#">
                        服务项目 
                    </a>
                </li>
                <li>
                    <a href="#">
                        案例展示
                    </a>
                </li>
                <li>
                    <a href="#">
                        技术观点
                    </a>
                </li>
                <li>
                    <a href="#">
                        关于我们
                    </a>
                </li>
                <li>
                    <a href="#">
                        联系我们
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- banner -->
    <div class="banner-wrap">
        <div class="banner">
            <img src="./images/banner.png" alt="">
        </div>
    </div>

    <!-- content -->
    <div class="content-wrap">
        <!-- content1- -->
        <div class="content1 w">
            <h2 class="tit-h2">
                我们的服务
            </h2>
            <h3 class="tit-h3">
                OUR SERVICE
            </h3>
            <h4 class="tit-h4">
                科智网络，让您的企业赢订单，赢客户
            </h4>
            <div class="con1-box">
                <img src="./images/img01.png" alt="">
                <p class="box-tit">
                    PC端/移动端界面设计及开发
                </p>
                <p class="box-intro">
                    专业的网站设计及开发服务，包括企业网站、互联产品网站、电商网站、社交及应用类网站等。
                    <br>
                    手机网站开发、手机APP、微信接口二次开发。包括IOS、Android、Win等多平台。
                </p>
            </div>
            <div class="con1-box box-mr">
                <img src="./images/img02.png" alt="">
                <p class="box-tit">
                    定制型网站
                </p>
                <p class="box-intro">
                    尊重用户才能获得用户，着眼行业，分析受众，互联网＋时代，追求良好的浏览体验。 设设计最适合用户的网站页面。
                </p>
            </div>
            <div class="con1-box">
                <img src="./images/img03.png" alt="">
                <p class="box-tit">
                    强大组件
                </p>
                <p class="box-intro">
                    集成众多流行热门组件，电子商务功能一应俱全
                    <br>
                    丰富特效任君选择，灵活满足各种需求，网站轻松蜕变
                </p>
            </div>
            <div class="con1-box">
                <img src="./images/img04.png" alt="">
                <p class="box-tit">
                    微网站
                </p>
                <p class="box-intro">
                    微网站：那些年你错过了什么？微信火了。你还要继续错过么？微网站，让您的产品或服务火起来
                </p>
            </div>
            <div class="con1-box box-mr">
                <img src="./images/img05.png" alt="">
                <p class="box-tit">
                    创建多语言站点
                </p>
                <p class="box-intro">
                    强大的多语言功能，支持中文简体、中文繁体、英文
                    <br>
                    还可无限添加更多语言站点，让网站更具国际范儿
                </p>
            </div>
            <div class="con1-box">
                <img src="./images/img06.png" alt="">
                <p class="box-tit">
                    SEO优化
                </p>
                <p class="box-intro">
                    提供快捷的SEO功能，有效提升网站的收录和排名
                    <br>
                    支持局SEO，单独页面，单独文章或产品的
                </p>
            </div>
        </div>

        <!-- content2- -->
        <div class="content2">
            <div class="w">
                <h2 class="tit-h2">
                    关于科智
                </h2>
                <h3 class="tit-h3">
                    ABPPUT TECHRICH
                </h3>
                <h4 class="tit-h4">
                    秉持坚持、创新、专业、专注的理念 为客户提供最前沿的服务
                </h4>
                <div class="con2-left fl">
                    <h5 class="con2-tit">
                        科智简介
                    </h5>
                    <p class="kz-intro">
                        本公司是一家从事网站制作、软件开发、系统集成及网络产品销售等相关业务为一体的专业计算机网络有限公司，本公司技术力量雄厚，有一流的软、硬件工程师及网络技术人才，有完善的售后服务体系。公司始终坚持“顾客至上、诚信为本，专业精致、卓越创新”的经营理念，以最优质的产品，最实惠的价格、最全面的服务竭诚为广大顾客服务。
                    </p>
                    <img src="./images/imglist.png" alt="">
                </div>
                <div class="con2-right fr">
                    <h5 class="con2-tit">
                        最新动态
                    </h5>
                    <ul class="news-list">
                        <li>
                            <a href="#">
                                > 网站建设必须做好的几个优化位置
                            </a>
                            <span class="fr">
                                2016-1-10
                            </span>
                        </li>
                        <li>
                            <a href="#">
                                > 网页设计的时候到底能用flash吗？
                            </a>
                            <span class="fr">
                                2016-1-10
                            </span>
                        </li>
                        <li>
                            <a href="#">
                                > 网站建设第一步是做好网页设计
                            </a>
                            <span class="fr">
                                2016-1-10
                            </span>
                        </li>
                        <li>
                            <a href="#">
                                > 网站建设的核心要点
                            </a>
                            <span class="fr">
                                2016-1-10
                            </span>
                        </li>
                        <li>
                            <a href="#">
                                > 通常的网页设计步骤
                            </a>
                            <span class="fr">
                                2016-1-10
                            </span>
                        </li>
                        <li>
                            <a href="#">
                                > 自己动手建设一个网站
                            </a>
                            <span class="fr">
                                2016-1-10
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- content3- -->
        <div class="content3 w">
            <h2 class="tit-h2">
                我们的客户
            </h2>
            <h3 class="tit-h3">
                OUR CUSTOMERS
            </h3> 
            <h4 class="tit-h4">
                我们要超出客户的期望，客户的满意是我们发展的动力
            </h4>
            <div class="sponsor">
                <img src="./images/sponsor.png" alt="">
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <div class="footer-wrap">
        <div class="w">
            <ul class="footer-box fl">
                <h3 class="f-tit">
                    服务项目
                </h3>
                <li>
                    <a href="#">
                        > H5网站
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 定制型网站
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 强大组件
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 微网站
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 创建多语言站点
                    </a>
                </li>
                <li>
                    <a href="#">
                        > SEO优化
                    </a>
                </li>
            </ul>
            <ul class="footer-box fl">
                <h3 class="f-tit">
                    案例展示
                </h3>
                <li>
                    <a href="#">
                        > 电子商务案例
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 投资理财案例
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 门户网站案例
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 传媒案例
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 交流平台案例
                    </a>
                </li>
                <li>
                    <a href="#">
                        > O2O案例
                    </a>
                </li>
            </ul>
            <ul class="footer-box fl">
                <h3 class="f-tit">
                    技术观点
                </h3>
                <li>
                    <a href="#">
                        > 网站建设
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 网站优化
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 网络营销
                    </a>
                </li>
            </ul>
            <ul class="footer-box fl">
                <h3 class="f-tit">
                    关于我们
                </h3>
                <li>
                    <a href="#">
                        > 关于科智
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 团队风采
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 合作客户
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 新闻动态
                    </a>
                </li>
                <li>
                    <a href="#">
                        > 企业好评
                    </a>
                </li>
            </ul>
            <ul class="footer-box fl">
                <h3 class="f-tit">
                    联系方式
                </h3>
                <li>
                    QQ:762162209
                </li>
                <li>
                    电话：010-52116521
                </li>
                <li>
                    在线留言
                </li>
                <li>
                    网站地图
                </li>
                <li>
                    地址：北京市朝阳区 东土城路8号
                </li>
            </ul>
            <div class="qrcode fr">
                <img src="./images/qrcode.png" alt="">
                <p>
                    关注我们
                </p>
            </div>
            <p class="footer-center">
                Copyright © 2004-2016  北京科智网络科技发展有限公司 KZ.com 版权所有
            </p>
        </div>
    </div>
</body>
</html>